@charset "utf-8";
/*
Theme Name: 背字根
Text Domain: beizigen
Version: 1.4
Description: 简洁清爽的两栏博客主题，多配色可切换。
Tags: two-columns, right-sidebar, theme-options, featured-images
Author: 背字根
Author URI: https://www.beizigen.com/
Theme URI: https://www.beizigen.com/post/wordpress-is-concise-and-refreshing-blog-theme-beizigen/
*/

body {
	color: #404040;
	background-color: #f9f9f9;
}

img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
}

.content pre {
	margin: 1em 0;
	padding: 1em;
	border-left: 4px solid;
	background-color: #f9f9f9;
	overflow-x: auto;
	display: block;
	tab-size: 8;
}

.content pre.shell {
	color: #afafaf;
	background-color: #2c2c2c;
}

.content blockquote {
	margin: 1em 0;
	padding: .5em 1em;
	background-color: #f9f9f9;
	border-left: 4px solid;
}

.content blockquote p {
	margin: .5rem 0;
}

.content p {
	margin: 1em 0;
}

.content h1,
.content h2 {
	font-size: 1.5rem;
	font-weight: 600;
	margin: 1em 0;
	padding-bottom: .5em;
	border-bottom: 2px solid #f2f2f2;
}

.content h3 {
	font-size: 1.25rem;
	font-weight: 600;
	margin: 1em 0;
}

.content h4,
.content h5,
.content h6 {
	font-size: 1rem;
	font-weight: 600;
	margin: 1em 0;
}

.content .btn {
	box-shadow: none;
}

.content img {
	max-width: 100%;
	height: auto;
}

.wp-caption {
	max-width: 100%;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	margin: 2rem auto;
	padding: 10px;
}

.wp-caption-text {
	font-size: .875rem;
	color: #999;
	text-align: center;
	margin-top: 5px;
}

#wrapper {
	max-width: 1008px;
	margin: 0 auto;
}

#main {
	margin-bottom: 10px;
}

/* 导航 */
#branding .navbar-expand-lg {
	padding: 0;
}

#branding {
	background-color: #fff;
	margin-bottom: 10px;
	box-shadow: 0 2px 10px #f2f2f2;
	height: 50px;
	line-height: 50px;
}

#branding .navbar {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	background-color: #fff !important;
}

#branding .navbar-brand {
	font-size: 1.6rem;
	font-weight: 500;
	padding: 0;
	margin-left: 1rem;
	display: inline-flex;
	align-items: center;
}

#branding .navbar-brand img {
	margin-right: 6px;
}

#branding .navbar-nav li {
	line-height: 1;
}

#branding .nav-link {
	color: inherit;
	font-size: 1.1rem;
}

#branding .navbar-toggler {
	border: 0;
}

#branding .navbar-toggler:focus {
	outline: 0;
}

#navbarSupportedContent {
	z-index: 9999;
}

#navbarSupportedContent .dropdown-menu {
	text-align: center;
	border: 0;
	border-radius: 0;
}

#navbarSupportedContent .dropdown-menu .dropdown-item {
	padding: .5rem 1rem;
	color: inherit;
	line-height: 1;
}

#navbarSupportedContent .dropdown-menu .dropdown-item:focus,
#navbarSupportedContent .dropdown-menu .dropdown-item:hover,
#navbarSupportedContent .dropdown-menu .dropdown-item:active {
	color: inherit;
	background-color: #f8f9fa;
}

#navbarSupportedContent .search-form {
	background-color: #f2f2f2;
	border-radius: 35px;
	padding: 0 1px 0 10px;
}

#navbarSupportedContent .search-form input {
	border: 0;
	background-color: transparent;
}

.search-form input:focus,
.search-form .btn:focus {
	border-color: #ced4da;
	box-shadow: none;
}

.search-form .btn svg {
	position: relative;
	top: -2px;
}

/*页脚*/
#colophon {
	color: #666;
	font-size: .8125rem;
	padding: 30px 0 20px 0;
	text-align: center;
	line-height: 1.75;
	max-width: 1008px;
	margin: 0 auto;
}

#colophon a {
	color: #666;
}

#site-footer {
	color: #969696;
	font-size: .75rem;
}

#site-footer p {
	margin: 0;
}

#site-footer a {
	color: #969696;
}

#site-footer .icp,
#site-footer .gongan,
#site-footer .queries {
	display: block;
}

/*主体*/
.entry {
	background-color: #fff;
	margin-bottom: 2px;
	padding: 25px 20px 15px;
	clear: both;
}

.entry h1 {
	line-height: 1.5;
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0;
}

.entry h1 a {
	color: #333;
}

.entry p.excerpt {
	margin: .5rem 0;
	font-size: .8125rem;
	color: #969696;
	line-height: 24px;
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.entry .thumbnail {
	float: right;
	margin-left: 1rem;
	margin-top: 2em;
}

.entry .thumbnail img {
	max-width: 100px;
	max-height: 100px;
	border-radius: 4px;
}

.entry .post-meta span {
	margin-top: .5rem;
}

.post-meta time,
.post-meta span {
	width: auto;
	font-size: .75rem;
	margin-right: 8px;
	color: #969696;
	display: inline-block;
}

.post-meta time::before,
.post-meta span::before {
	margin-right: 2px;
	position: relative;
	top: 1px;
}

.post-meta span a {
	color: inherit;
}

#footer-meta {
	color: #666;
	background: #f9f9f9;
	padding: .5rem 1rem;
	border-radius: 4px;
	font-size: .875rem;
}

#footer-meta span {
	display: block;
	margin: 5px 0;
	color: inherit;
}

#footer-meta a {
	color: inherit;
}

#post-navigation {
	font-size: .875rem;
	margin-top: 1rem;
}

#post-navigation span {
	display: block;
}

#post-navigation .next-article {
	margin-top: 8px;
}

#post-navigation a {
	color: inherit;
}

/*翻页*/
.page-link {
	padding: .3rem .7rem;
}

.page-link,
.page-link:hover {
	color: #666;
}

.page-link:focus {
	box-shadow: none;
}

/*幻灯片*/
.carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.carousel-vertical .carousel-inner .active.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.carousel-vertical .carousel-inner .active.carousel-item-right,
.carousel-vertical .carousel-inner .carousel-item-next {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

#slides {
	width: 100%;
	background-color: #fff;
	margin-bottom: 10px;
}

#slides .carousel-indicators {
	margin-bottom: 0;
	bottom: 0;
}

#slides .carousel-item img {
	max-height: 200px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

/*边栏*/
#secondary .widget {
	background-color: #fff;
	margin-bottom: 2px;
	padding: 15px;
	clear: both;
	overflow: hidden;
}

#secondary .widget_media_image,
#secondary .widget_custom_html {
	background-color: transparent;
	padding: 0;
}

#secondary .widget h3 {
	border-left: 4px solid;
	font-size: 1rem;
	font-weight: 500;
	padding-left: 6px;
}

#secondary .widget ul {
	font-size: .875rem;
	margin: 15px 0 0 0;
	padding: 0;
}

#secondary .widget li {
	list-style: none;
	line-height: 22px;
	margin-top: 4px;
}

#secondary .widget li a {
	color: inherit;
}

#secondary .widget_recent_entries .post-date,
#secondary .widget_hot_post .views,
#secondary .widget_like_post .likes {
	display: block;
	color: #969696;
	font-size: .75rem;
	margin-bottom: 8px;
}

#secondary .widget_archive li,
#secondary .widget_categories li {
	width: 50%;
	float: left;
}

#secondary .widget_archive li::before,
#secondary .widget_categories li::before {
	content: "\f318";
	vertical-align: middle;
	font-family: dashicons;
	margin-right: 2px;
}

#secondary .widget_tag_cloud .tagcloud {
	margin-top: 15px;
}

#secondary .widget_tag_cloud .tagcloud a {
	font-size: .875rem !important;
	display: inline-block;
	padding: 2px 5px;
	border: 1px solid;
	border-radius: 4px;
	margin: 4px 2px;
}

/*归档页*/
.archive-header {
	margin-bottom: 10px;
	border: 0;
	background-color: #fff !important;
}

.archive-header .card-header {
	background-color: #fff;
	border-color: #f9f9f9;
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0;
	padding: .75rem 15px;
}

.archive-header .card-body {
	padding: 1rem 15px;
}

.archive-header .card-text {
	line-height: 1.8;
	font-size: .875rem;
	color: #666;
	margin-bottom: 8px;
}

/*页面*/
#content {
	background-color: #fff;
	padding: 15px;
}

#content h1.title {
	font-size: 1.875rem;
	margin: 0;
}

#content .content {
	line-height: 1.8;
	margin-top: 30px;
}

#post-meta {
	margin-top: 10px;
	padding: 10px;
	background-color: #f9f9f9;
	border-radius: 4px;
}

#post-meta .items {
	line-height: 1;
}

#post-meta .avatar {
	border-radius: 50%;
	float: left;
	margin-right: 6px;
}

#post-meta .items time,
#post-meta .items span {
	display: inline;
}

#post-meta .author-name {
	font-size: .875rem;
	margin: 1px 0;
}

#dolike {
	text-align: center;
	font-size: .875rem;
	margin-bottom: 30px;
}

#dolike .icon {
	width: 50px;
	height: 50px;
	border: 1px solid #404040;
	border-radius: 50%;
	margin: 30px auto 5px auto;
}

#dolike .bi {
	margin-top: 7px;
}

#dolike .already {
	border-color: #e65855;
}

#dolike .already .bi {
	fill: #e65855;
}

body.error404 {
	background-color: #fff;
}

.error404 #wrapper {
	max-width: 100%;
	background-color: #fff;
}

#page404 {
	max-width: 1008px;
	margin: 0 auto;
	border-bottom: 2px solid #f9f9f9;
}

#page404 .jumbotron {
	background-color: transparent;
}

/*评论*/
#comments {
	margin-top: 10px;
}

#comment-list {
	margin-bottom: 2px;
}

#comment-list,
#comment-respond {
	border: 0;
	background-color: #fff;
	padding: 15px;
}

#reply-title,
#comment-list h2 {
	font-size: 1.125rem;
	background-color: transparent;
	padding: 5px 0 5px .5rem;
	border-left: 4px solid;
	border-bottom: 0;
}

#comment-list ol {
	padding: 20px 0 0 15px;
}

#comment-list .header h5 {
	font-size: .875rem;
	margin: 3px 0;
	font-weight: 500;
}

#comment-list .header .metadata {
	font-size: .75rem;
	color: #969696;
}

#comment-list .header .metadata a {
	color: #969696;
}

#comment-list .comment-content {
	font-size: .875rem;
	margin-top: 1rem;
	border-bottom: 1px solid #f2f2f2;
}

#comment-list li:last-child .comment-content {
	border: 0;
}

#comment-list .parent-comment {
	padding: .5rem;
	background-color: #f9f9f9;
	font-size: .75rem;
	border-radius: 4px;
	color: #969696;
}

#comment-list .parent-comment p {
	margin: .5rem;
}

#commentform {
	margin-top: 10px;
}

#commentform textarea {
	font-size: .875rem;
	padding: .5rem;
}

#commentform input:focus,
#commentform textarea:focus {
	box-shadow: none;
	border-color: #ced4da;
}

.comment-form-cookies-consent {
	margin: 0 0 0 5px;
}

#commentform .logged-in-as {
	margin-left: 5px;
}

#commentform .logged-in-as,
#commentform .logged-in-as a {
	color: #666;
	font-size: .875rem;
}

#commentform .btn {
	padding: .25rem .75rem;
}

#reply-title a {
	font-size: 1.125rem;
}

@media(min-width: 640px) {
	#slides .carousel-item img {
		max-height: none;
	}
}

@media(min-width: 768px) {

	/*页脚*/
	#colophon {
		text-align: left;
		clear: both;
		padding-left: 15px;
		padding-right: 15px;
	}

	#site-footer .icp,
	#site-footer .gongan,
	#site-footer .queries {
		display: inline;
	}

	/*布局*/
	#wrapper {
		padding: 0 15px;
	}

	#main {
		width: 100%;
		float: left;
		margin-right: -260px;
	}

	#main .inner {
		margin-right: 270px;
		overflow: hidden;
	}

	/*边栏*/
	#secondary {
		width: 260px;
		float: right;
	}

	#secondary .widget:first-of-type {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

	#secondary .widget:last-child {
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	/*主体*/
	.entry {
		padding: 25px 20px 15px;
	}

	.entry:first-child {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

	.entry:last-child {
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.entry p.excerpt {
		-webkit-line-clamp: 3;
	}

	.entry .thumbnail img {
		max-width: 150px;
		max-height: 100px;
	}

	#slides {
		border-radius: 4px;
		padding: 15px;
		box-sizing: border-box;
	}

	#slides .carousel-indicators {
		bottom: 15px;
	}

	#slides .carousel-item img {
		max-height: 200px;
	}

	.archive-header {
		border-radius: 4px;
	}

	.archive-header .card-header {
		padding: .75rem 20px;
	}

	.archive-header .card-body {
		padding: 1rem 20px;
	}

	.archive-header .search-form .input-group {
		width: 100%;
		max-width: 300px;
	}

	#content {
		border-radius: 4px;
		padding: 30px 30px 20px 30px;
	}

	/*评论*/
	#comments {
		border-radius: 4px;
	}

	#comment-respond {
		padding: 20px;
	}
}

@media(min-width: 992px) {

	/*导航*/
	#branding {
		height: 58px;
		line-height: 58px;
	}

	#branding .navbar-brand {
		font-size: 1.8rem;
		margin-left: 0;
	}

	#branding .navbar-nav li {
		line-height: 58px;
	}

	#branding .navbar-nav .menu-item-home {
		margin-left: 1rem;
	}

	#branding .navbar-nav .nav-link {
		margin: 0 1px;
		padding: 0 1rem;
	}

	#branding .navbar-nav .active .nav-link,
	#branding .navbar-nav .nav-link:hover {
		background-color: #f2f2f2;
	}

	#navbarSupportedContent .dropdown-menu {
		box-shadow: 0 2px 5px #f2f2f2;
		text-align: left;
	}

	/*布局*/
	#wrapper {
		padding: 0;
	}

	/*页脚*/
	#colophon {
		padding-left: 0;
		padding-right: 0;
	}

	#slides .carousel-item img {
		max-height: none;
	}
}

@media(max-width: 992px) {
	#navbarSupportedContent {
		background-color: #fff;
		padding: 1rem;
		box-shadow: 0 2px 10px #f2f2f2 inset;
		text-align: center;
	}

	#navbarSupportedContent .search-form {
		margin: 1rem auto;
		display: block;
	}

}